.vxe-toolbar {
    color: #D1D1D1;
    background-color: #323642;

    .vxe-tools--wrapper {

        .vxe-button {
            color: #D1D1D1;
        }
    }
}

.my_vxe_table {
    .vxe-table--main-wrapper {
        background: #3F4353;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;

        .vxe-table--header-wrapper {
            background: #3F4353;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;

            .vxe-header--column {
                color: #D1D1D1;
                background-image: none;

                .vxe-sort--asc-btn,
                .vxe-sort--desc-btn {
                    color: #D1D1D1;
                }

                .vxe-sort--asc-btn.sort--active, .vxe-sort--desc-btn.sort--active {
                    color: #00a289;
                }
            }

            .vxe-table--header-border-line {
                border-bottom: 2px solid #979EAF;
            }
        }

        .vxe-table--body-wrapper {
            background-color: #3F4353;
            overflow-x: hidden;

            .vxe-table--body {
                .vxe-body--row {
                    background: #3F4353;
                }

                .vxe-body--column {
                    color: #D1D1D1;
                    background-image: linear-gradient(rgba(128, 133, 149, 0.5), rgba(128, 133, 149, 0.5)), linear-gradient(rgba(128, 133, 149, 0.5), rgba(128, 133, 149, 0.5));

                    &.col_9 {
                        background-image: none, linear-gradient(rgba(128, 133, 149, 0.5), rgba(128, 133, 149, 0.5));
                    }

                    .vxe-button {
                        color: #D1D1D1;
                    }
                }
            }
        }
    }

    .vxe-table--empty-placeholder {
        color: #D1D1D1;
    }

    .vxe-table--border-line {
        display: none; //---
        border-color: #323642;
    }

    .vxe-loading.is--visible {
        //display: none; //---
    }

    .vxe-loading .vxe-loading--spinner:after, .vxe-loading .vxe-loading--spinner:before {
        background-color: #00a289;
    }
}

.my_table_insert {
    color: #D1D1D1;

    .vxe-table--header-wrapper {
        background: #323642 !important;
    }

    .vxe-table--body-wrapper {
        background-color: #323642 !important;
        border-left: 1px solid #979EAF;
        border-right: 1px solid #979EAF;
        border-bottom: 1px solid #979EAF;
    }

    .vxe-body--row {
        background: #323642 !important;
    }

    .vxe-input--inner {
        background: #1d212e;
    }
}

.my_share_table {
    .vxe-table--main-wrapper {
        background: #323642;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;

        .vxe-table--header-wrapper {
            background: #323642;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;

            .vxe-header--column {
                color: white;
                background-image: none;

                .vxe-sort--asc-btn,
                .vxe-sort--desc-btn {
                    color: white;
                }

                .vxe-sort--asc-btn.sort--active, .vxe-sort--desc-btn.sort--active {
                    color: #00a289;
                }
            }

            .vxe-table--header-border-line {
                border-bottom: 2px solid #979EAF;
            }
        }

        .vxe-table--body {
            .vxe-body--row {
                background: #323642;
            }

            .vxe-body--column {
                color: white;
                background-image: linear-gradient(rgba(128, 133, 149, 0.5), rgba(128, 133, 149, 0.5)), linear-gradient(rgba(128, 133, 149, 0.5), rgba(128, 133, 149, 0.5));

                &.col_9 {
                    background-image: none, linear-gradient(rgba(128, 133, 149, 0.5), rgba(128, 133, 149, 0.5));
                }
            }
        }
    }

    .vxe-table--border-line {
        display: none; //---
        border-color: #323642;
    }

    .vxe-loading.is--visible {
        display: none; //---
    }

    .vxe-loading .vxe-loading--spinner:after, .vxe-loading .vxe-loading--spinner:before {
        background-color: #00a289;
    }
}

.share-list-pager {
    background: #323642;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    .vxe-pager--prev-btn,
    .vxe-pager--num-btn,
    .vxe-pager--next-btn,
    .vxe-pager--goto-text,
    .vxe-pager--classifier-text,
    .vxe-pager--total {
        color: white;
    }

    .vxe-pager--num-btn.is--active {
        color: #00a289 !important;
    }

    .vxe-pager--num-btn:hover {
        color: #00a289 !important;
    }

    .vxe-input--inner,
    .vxe-pager--jump input.vxe-pager--goto {
        background: rgb(27, 29, 40);
        border: none !important;
        color: white;
        padding: 0;
        height: 26px;
    }

    .vxe-input--inner {
        margin-top: 2px;
    }

    .vxe-select-option--wrapper {
        background: rgb(27, 29, 40);
        border: none;

        .vxe-select-option {
            color: white;

            &.is--selected {
                color: #00a289;
            }

            &:not(.is--disabled).is--hover {
                background-color: transparent;
                color: #00a289;
            }
        }
    }

    .vxe-input--suffix {
        color: white;
    }
}
